import Layout from "@/pages/Layout";
import Login from "@/pages/Login";
import { createBrowserRouter } from "react-router-dom";
import { AuthRoute } from "@/components/AuthRoute";
import { lazy, Suspense } from "react";

// import Home from "@/pages/Home";
// import Article from "@/pages/Article";
// import Publish from "@/pages/Publish";

const Home = lazy(() => import('@/pages/Home'))
const Article = lazy(() => import('@/pages/Article'))
const Publish = lazy(() => import('@/pages/Publish'))


const router = createBrowserRouter([
  {
    path: "/",
    element: <AuthRoute> <Layout /></AuthRoute>,
    children: [
      {
        // path:'home',
        element: <Suspense fallback={'加载中...'}><Home /></Suspense>,
        index: true
      },
      {
        path: 'article',
        element: <Suspense fallback={'加载中...'}><Article /></Suspense>,
      },
      {
        path: 'publish',
        element: <Suspense fallback={'加载中...'}><Publish /></Suspense>,
      },
    ]
  },
  {
    path: "login",
    element: <Login />
  },
]);

export default router